<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>HTML+CSS图片展示</title>
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <ul>
        <li>
            <img src="images/1.jpeg" alt="">
            <div class="mask">
                <h1>路飞</h1>
                <p>草帽大船团的船长，极恶的世代之一</p>
            </div>
        </li>
        <li>
            <img src="images/2.jpeg" alt="">
            <div class="mask">
                <h1>索隆</h1>
                <p>使用三把刀战斗的三刀流剑士，极恶的世代之一，也是两年前集结香波地群岛的十一超新星之一</p>
            </div>
        </li>
        <li>
            <img src="images/3.jpeg" alt="">
            <div class="mask">
                <h1>山治</h1>
                <p>草帽一伙厨师，金发，有着卷曲眉毛，永远遮住半边脸的家伙，香烟不离口，最爱女人，很花心但很有风度，海贼中的绅士</p>
            </div>
        </li>
    </ul>
</body>

</html>